
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="D:/bootstrap/bootstrap-main/dist/css/bootstrap.css">
    
</head>
    <body class="container text-center ">
        <h3>纵向合并单元格</h3>
        <div class="row">
            <div class="col-sm-4 border py-3 bg-light">班级</div>
            <div class="col-sm-4 border py-3 bg-light">姓名</div>
            <div class="col-sm-4 border py-3 bg-light">年龄</div>
        </div>
        <div class="row">
           
            <div class="col-sm-4 ">
                <div class="row">
                    <div class="col-sm-12 border py-3 bg-light">jack</div>
                </div>
                <div class="row">
                    <div class="col-sm-12 border py-3 bg-light">jack</div>
                </div>
            </div>
            <div class="col-sm-4 border bg-light" >601班
            </div>
            <div class="col-sm-4 ">
                <div class="row">
                    <div class="col-sm-12 border py-3 bg-light">jack</div>
                </div>
                <div class="row">
                    <div class="col-sm-12 border py-3 bg-light">jack</div>
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 border py-3 bg-light">班级</div>
            <div class="col-sm-4 border py-3 bg-light">姓名</div>
            <div class="col-sm-4 border py-3 bg-light">年龄</div>
        </div>
        <!-- <div class="row ">
            <div class="col-sm-8 border  bg-light">
                <div class="row " >
                    <div class="col-sm-6 border py-3 bg-light" >张三</div>
                    <div class="col-sm-6 border py-3 bg-light">22</div>
                </div>
                <div class="row">
                    <div class="col-sm-6 border py-3 bg-light">李四</div>
                    <div class="col-sm-6 border py-3 bg-light">22</div>
                </div>
                <div class="row">
                    <div class="col-sm-6 border py-3 bg-light">李四</div>
                    <div class="col-sm-6 border py-3 bg-light">22</div>
                </div>
            </div>   
            <div class="col-sm-4 border bg-light" >602班
            </div>   
        </div> -->
   
</body>

</html>